<ion-view title="投票类详情" >
    <ion-content >
        <ion-list >
            <ion-item >
                <h2>投票标题</h2>
                <p>活动描述内容简单介绍文字</p>
                <p>截止时间：2016-09-30 15:00</p>
                <span class="lb rtop bgc-red-400">已结束</span>
            </ion-item>
        </ion-list>

        <h4 class="title">文字投票类</h4>
        <ion-list>
        	<ion-item>
				你常用的前端框架是什么？
        	</ion-item>
			<ion-radio ng-repeat="item in radioList" 
			         ng-model="data.clientSide" 
			         ng-value="item.value">
			     <div class="row nopadding">
			        <div class="col">{{item.text}}</div>
			        <div class="col">
			            <div class="progress ml"><div class="progress-bar {{item.bg}}" style="width:{{item.width}}%"></div></div>
			        </div>
			        <div class="col">
			            {{item.width}}%
			        </div>
			     </div>
			</ion-radio>
        </ion-list>
        <h4 class="title">图片投票</h4>
        <ion-list>
        	<ion-item>
				你常用的前端框架是什么？
        	</ion-item>
			<ion-radio class="radio-thumbnail" ng-repeat="item in radioList" 
	                   ng-model="data.clientSide" 
	             	   ng-value="item.value">
	             <img src="img/avat3.jpg" alt="">
	             <div class="info-wrap">
	             	<h2>{{item.text}}</h2>
	             	<p>内容简介文字</p>
	             	<div class="progress"><div class="progress-bar" style="width:30%"></div></div>
	             </div>
	        </ion-radio>
        </ion-list>

    </ion-content>
</ion-view>